<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">
  
  
  <h:head>  
   	<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
	<title>Modulo Proveedores - SOTEIND S.A.S</title>
 	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />	

</h:head>  

<body>
<!-- Header -->
<div id="header">
	<div class="shell">
		  
		<!-- Logo -->
		<h1 id="logo"><a href="#">SOTEIND S.A.S</a></h1>
		<!-- End Logo -->
		
		<!-- Navigation -->
		<div class="right" style="margin-top: 30px">
				<ul>
					<li class="active"><a href="Modulos.xhtml">Home</a></li>
					<li class="active"><a href="index.xhtml">Salir</a></li>
				</ul>
			</div>
			<br class="clear" />
		<!-- End Navigation -->
		
	</div>
</div>
<!-- End Header -->




<!-- Contenido -->
<div id="contenido">
	<div class="shell">
	
	
		  
		  
<p:panel columns="1">

	    <p:dataTable var="Tabla Facturas" value="#{tableBean.carsSmall}">  
        <p:column headerText="Proveedor.">  
            <h:outputText value="#{NombreBean.atributoBean}" />  
        </p:column>  
  
        <p:column headerText="Telefono">  
            <h:outputText value="#{NombreBean.atributoBean}" />  
        </p:column>  
  
        <p:column headerText="Correo">  
            <h:outputText value="#{NombreBean.atributoBean}" />  
        </p:column>  
  
        <p:column headerText="Telefono P">  
            <h:outputText value="#{NombreBean.atributoBean}" />  
        </p:column>
        
        <p:column headerText="Correo P">  
            <h:outputText value="#{NombreBean.atributoBean}" />  
        </p:column>
        
         <p:column headerText="IBAN">  
            <h:outputText value="#{NombreBean.atributoBean}" />  
        </p:column>
        
        <p:column headerText="SWIFT">  
            <h:outputText value="#{NombreBean.atributoBean}" />  
        </p:column> 
    </p:dataTable> 
    
	    <f:facet name="header">  
	        <center><h3>Modulo Proveedores</h3></center>
	    </f:facet> 
	 <center><h4>OPCIONES DE CONSULTA</h4></center>
	 

<center>
<p:panelGrid columns="2" style="margin-bottom:10px" cellpadding="20">
<p:panel header="BUSCAR">
<p:selectBooleanCheckbox/> 
<p:inputText id="noFactura" value="Digite su busqueda" />
</p:panel>

<p:panel header= "ORDENAR">
 <p:selectBooleanCheckbox/> 
<p:selectOneMenu value="#{ordenarProBean.opcion}" effect="fade">  
           <f:selectItem itemLabel="Seleccione" itemValue="" />  
           <f:selectItems value="#{ordenarProBean.opciones}" var="opcion" itemLabel="#{ordenarProBean.opcion}" itemValue="#{opcion}"/>  
 </p:selectOneMenu> 

</p:panel>
<p:panel header="NUMERO DE ID">
    <p:selectOneRadio id="customRadio" value="" layout="custom">  
        <f:selectItem itemLabel="Numero:" itemValue="1" />  
        <f:selectItem itemLabel="Rango:" itemValue="2" />  
    </p:selectOneRadio>  
  
    <h:panelGrid columns="3">  
        <p:radioButton id="opt1" for="customRadio" itemIndex="0"/>  
        <h:outputLabel for="opt1" value="Numero:" />  
        <p:inputText />  
  
        <p:radioButton id="opt2" for="customRadio" itemIndex="1"/>  
        <h:outputLabel for="opt2" value="Rango:" />
        <p:panelGrid columns="2">
        <input type="text" maxlength="8" size="8"></input>
        <input type="text" maxlength="8" size="8"></input>
        </p:panelGrid>
          
  
   </h:panelGrid> 
</p:panel>
<p:panel header="ESTADO">
<p:selectBooleanCheckbox/> 
<p:selectOneMenu value="#{estadoProBean.opcion}" effect="fade">  
           <f:selectItem itemLabel="Seleccione" itemValue="" />  
           <f:selectItems value="#{estadoProBean.opciones}" var="opcion" itemLabel="#{estadoProBean.opcion}" itemValue="#{opcion}"/>  
 </p:selectOneMenu> 
 
</p:panel>
  
	</p:panelGrid>
<p:commandButton type="button" value="Crear" style="margin:0"/>
<p:commandButton type="button" value="Modificar" style="margin:0"/>
<p:commandButton type="button" value="Consultas" style="margin:0"/>
<p:commandButton type="button" value="Salir" style="margin:0"/>	

 </center>
 
 



</p:panel>
</div>
</div>


<!-- End contenido -->

<!-- Footer -->
<div id="footer">
	<div class="shell">
		
		<!-- Footer Logo -->
		<a href="#" class="notext footer-logo">Company Name</a>
		<!-- End Footer -->
		
		<!-- Footer Nav -->
		<div class="right">
			<p>&nbsp;</p>
			<p>&copy; Soteind.com. 
				Diseño: <a href="http://dbdg2.webnode.es/">Web Grupo</a></p>
		</div>
		<!-- End Footer Nav -->
		
	</div>
</div>
<!-- End Footer -->
</body>


</html>